<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <title>Mix</title>
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />	
<!--[if lt IE 8]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<script type="text/javascript" src="js/searchindex.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>


  </head>
  

  <body id="homepage">
<div class="container">  
      <div id="header" class="clearfix">
		<a href="/>"<h1 class="branding">Mix10</h1></a>
		
		<p class="intro"><a href="#">A 3 day conference for web designers and developers building the world's most innovative web sites.<br />
		<b>March 15-17th, 2010, Las Vegas.</b></a></p>
		
		
		<div id="signin">
		<a href="#" title="Sign In">Sign In</a>
		</div>
	
		
<div id="search">
	    
	<form action="">
<input type="text" id="searchme" class="text" value="Search Mix" />
<input type="image" src="./images/searchbutton.gif" onclick="searchIndex(); return false;" />
</form>
 </div>
 
 </div><!-- end header -->
		<br class="clear" />
		
	    <div id="left_nav">
	    <div class="menuspace"></div>
		<ul id="menu">
		<li  class="current"><a href="#">Home</a></li>
		<li><a href="registration.html">Registration</a></li>
		<li><a href="schedule.html">Schedule</a></li>
		<li><a href="#">News</a></li>
		<li><a href="#">Social</a></li>
		<li class="last"><a href="#">Sponsors</a></li>
		</ul>
		<div class="menuspace"></div>
      </div>
	
	<div id="slides" class="sliderwrapper">

<div class="contentdiv"><a href="http://"><img src="images/slide1.jpg" alt="slide" /></a>
</div>

<div class="contentdiv"><a href="http://"><img src="images/slide2.jpg" alt="slide" /></a>
</div>

<div class="contentdiv"><a href="http://"><img src="images/slide3.jpg" alt="slide" /></a>
</div>

<div class="contentdiv"><a href="http://"><img src="images/slide4.jpg" alt="slide" /></a>
</div>

<div id="paginate-slides">

<a href="#" class="toc current"><img src="images/slide1_thumb.jpg" /></a> 
<a href="#" class="toc"><img src="images/slide2_thumb.jpg" /></a> 
<a href="#" class="toc"><img src="images/slide3_thumb.jpg" /></a> 
<a href="#" class="toc"><img src="images/slide4_thumb.jpg" /></a>

</div>

</div>

		
			<div id="content" class="clearfix">

			<div id="regcard">
			<h3>Register Today</h3>
			<p class="home">Hotels are filling up fast, don't wait to reserve your spot at MIX10!</p>
			<a href="http://" class="reg_home btn">Register</a>
			</div>
			
		<h1>SESSIONS</h1>
		<div class="home_sessions">
		<h2 class="title"><a href="#">The state of the web today</a></h2>
		<div class="meta clearfix">
                <ul class="clearfix">
                <li class="speaker"><a href="#">Speaker</a></li>
                 <li class="count"><a href="#">15</a></li>
                <li class="share"><a href="#">Share</a></li>

            </ul>
           </div>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique augue eget nunc porttitor molestie. Aliquam quis aliquet dui. Curabitur a risus a tortor venenatis euismod. Etiam malesuada mauris eget nibh porta lobortis. </p>

		<h2 class="title"><a href="#">The state of the web today</a></h2>
		<div class="meta clearfix">
                <ul class="clearfix">
                <li class="speaker"><a href="#">Speaker</a></li>
                 <li class="count"><a href="#">15</a></li>
                <li class="share"><a href="#">Share</a></li>

            </ul>
           </div>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique augue eget nunc porttitor molestie. Aliquam quis aliquet dui. Curabitur a risus a tortor venenatis euismod. Etiam malesuada mauris eget nibh porta lobortis. </p>


		<h2 class="title"><a href="#">The state of the web today</a></h2>
		<div class="meta clearfix">
                <ul class="clearfix">
                <li class="speaker"><a href="#">Speaker</a></li>
                 <li class="count"><a href="#">15</a></li>
                <li class="share"><a href="#">Share</a></li>

            </ul>
           </div>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique augue eget nunc porttitor molestie. Aliquam quis aliquet dui. Curabitur a risus a tortor venenatis euismod. Etiam malesuada mauris eget nibh porta lobortis. </p>

        <p class="more sessions"><a href="#">More Sessions</a></p>

		</div>
		
			
		</div>
    <div id="right">
			
			<h4>Mix News</h4>

		<dl class="right_news clearfix">
            <dt>Scott Gutherie to deliver keynote at MIX10 </dt>
            <dd class="rdate">November 12, 2009</dd>
            <dd class="rexcerpt">In 1972 a crack commando unit was sent to prision... <a href="#" class="more">continue reading</a></dd>
            <dt>Scott Gutherie to deliver keynote at MIX10 </dt>
            <dd class="rdate">November 12, 2009</dd>
            <dd class="rexcerpt">In 1972 a crack commando unit was sent to prision... <a href="#" class="more">continue reading</a></dd> 
        	<dt>Scott Gutherie to deliver keynote at MIX10 </dt>
            <dd class="rdate">November 12, 2009</dd>
            <dd class="rexcerpt">In 1972 a crack commando unit was sent to prision... <a href="#" class="more">continue reading</a></dd>
		</dl>
		<p class="more news"><a href="#">More News</a></p>
		
		<h4 class="split">Social</h4>
		<ul id="social_icons">
		<li><a href="#"><img src="images/rss.jpg" alt="rss"></a></li>
		<li><a href="#"><img src="images/mail.jpg" alt="mail"></a></li>
		<li><a href="#"><img src="images/twitter.jpg" alt="twitter"></a></li>
		<li><a href="#"><img src="images/flickr.jpg" alt="flickr"></a></li>
		<li><a href="#"><img src="images/facebook.jpg" alt="facebook"></a></li>
		</ul>
		
		<h4 class="split">Sponsors</h4>
		<a class="image_a" "href="http://"><img src="images/hp.jpg" alt="HP" /></a>
		<a class="image_a" "href="http://"><img src="images/dev-express.jpg" alt="dev express" /></a>
		
	
	</div>
</div>

<div id="footer" class="finner">

<img class="flogo" src="images/logo_footer.png" alt="Mix10" />

<div class="fright">
<ul id="fnav">
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Subscriptions</a></li>
<li><a href="#">Legal</a></li>
<li><a href="#">Privacy</a></li>
</ul>

<p class="copyright">Copyright 2007-2010 Microsoft</p>
</div>
<div class="clear"></div>
</div>


<script type="text/javascript">

featuredcontentslider.init({
	id: "slides",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.1],  //[true/false, fadedegree]
	autorotate: [true, 3000],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}
})
</script>
</body>
</html>